<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>资料展示</title>
		<style>
			body {
				text-align: center;
			}
			
			.message_box {
				width: 210px;
				height: 400px;
				border: 1px solid rgb(195, 195, 195);
				margin: auto;
			}
			
			.head_box {
				width: 210px;
				height: 25px;
				font-family: "微软雅黑";
				text-align: left;
				text-indent: 1em;
				background-color: rgb(231, 233, 234);
			}
			
			.center_box {
				width: 182px;
				height: 180px;
				margin-top: 10px;
				margin-left: 14px;
				margin-right: 14px;
				border: 1px solid rgb(195, 195, 195);
			}
			
			.center_name img {
				width: 13px;
				height: 11px;
				
			}
			
			.bottom_box {
				width: 210;
				height: 90px;
				margin-top: 10px;
				margin-bottom: auto;
				border-top: 1px dotted rgb(195, 195, 195);
			}
			
			#weibo {
				width: 80px;
				height: 30px;
				background: url(img/QQ20170711-193454.png) no-repeat left top;
				background-size: 100% 100%;
				；
			}
			#center_btn{
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: 50px;
				margin-right: 50px;
			}
			#pictrue{
				width: 176px;
				height: 174px;
				border:3px solid rgb(195,195,195);
				border-radius: 30px;
			}
		</style>
	</head>

	<body>

		<div class="message_box">
			<div class="head_box">个人资料</div>
			<div class="center_box">
				<img id="pictrue" src="img/下载.jpeg" />
			</div>
			<p class="center_name">没商量 <img src="img/v.png" /></p>
			<input type="button" id="weibo"> </input>
			<div class="bottom_box">
				<div id="center_btn">
					<input id="add_friend" type="button" value="加好友" />
					<input id="send_tag" type="button" value="发纸条" />
					<input id="write_message" type="button" value="写留言" />
					<input id="add_focus" type="button" value="加关注" />

				</div>

			</div>
		</div>

	</body>

</html>